// JavaScript Document
window.onload = function() {
    $("#iframePage").contents().find('.table-color input[name="vehicle"]:checked').next('label').css('color', '#00a344');
}
$(function() {

    var order; //标记用户点击的信息索引值，为信息的修改删除做定位标记

    //1，点击删除按钮删除相应信息词条
    $('#f-table').on('click', '.bg-color2', function() {
        order = $(this).parents('tr').index(); //1.获取要删除的信息条目索引值
    })

    $('.modal-footer').on('click', '.bg-color2', function() {
        targetTr = $('#f-table').children().eq(order); //信息确定删除时由索引值定位的删除项。
        $(this).parents('.modal').hide(); //提示框消失
        $('.modal-backdrop').hide(); //模态框消失
        targetTr.remove(); //相应信息清除
    });

    //2，点击左上角增加按钮让信息输入框弹出
    $('#add_info').click(function() {
        $('#pop_info').css('display', 'block'); //弹出新建信息页面
        $('#pop_info').find('input').val(''); //初始化新建信息页面
        $('#new_add').css('display', 'block'); //显示新建信息页面的按钮组
        $('#txt_add').css('display', 'none'); //关闭修改信息页面的按钮组
    });
    //新增时点击返回按钮的效果
    $('#new_add').on('click', '.bg-color2', function() {
        $('#pop_info').find('input').val(''); //清空新建信息
        $('#pop_info').css('display', 'none'); //关闭新建页面
        $('#new_add').css('display', 'none'); //关闭新建信息页面的按钮组
    })

    //按确定按钮增加新信息：
    $('#new_add').on('click', '.bg-color', function() {
        var xcard = $(this).parents('#pop_info').find('.card-input').val(), //获取增加的场地编号等信息
            xcode = $(this).parents('#pop_info').find('.code-input').val(),
            xowner = $(this).parents('#pop_info').find('.owner-input').val(),
            xrole = $(this).parents('#pop_info').find('.role-input').val()
        xname = $(this).parents('#pop_info').find('.name-input').val()
        xtel = $(this).parents('#pop_info').find('.tel-input').val()
        xemail = $(this).parents('#pop_info').find('.email-input').val()
        xnode = $(this).parents('#pop_info').find('.node-input').val()
        // newTr = $('#f-table').children().eq(0).clone(true); //借助克隆体建立新信息。
        if (xname != '') {//新增信息不为空时：
            $('#pop_info').css('display', 'none'); //关闭新建信息页面
            $('#new_add').css('display', 'none'); //关闭用于新增的按钮组
            newTr.children('.port-card').text(xcard); //把新建信息回显至相应条栏
            newTr.children('.port-code').text(xcode);
            newTr.children('.port-owner').text(xowner);
            newTr.children('.port-name').text(xname);
            newTr.children('.port-tel').text(xtel);
            newTr.children('.port-email').text(xemail);
            newTr.children('.port-node').text(xnode);
            newTr.children('.port-role').text(xrole);
            newTr.appendTo($('#f-table'));
        } else {
            alert('新增信息不能为空！')
        }
    });

    //3，修改时点击返回按钮让修改信息页面消失
    $('#txt_add').on('click', '.bg-color2', function() {
        $('#pop_info').css('display', 'none');
        $('#pop_info').find('input').removeAttr('readonly');
        $('#txt_add').css('display', 'none'); //关闭用于修改的按钮组
        $('#pop_info').find('.auth-btn').hide();
    });

    //4，确定修改时定位被修改项：
    $('#f-table').on('click', '.rewrite', function() {
        // order = $(this).parents('tr').index();
        // var card = $(this).parent('td').siblings('.port-card').text(), //获取需要修改的场地编号等信息
        // code = $(this).parent('td').siblings('.port-code').text(),
        // owner = $(this).parent('td').siblings('.port-owner').text(),
        // name = $(this).parent('td').siblings('.port-name').text();
        // tel = $(this).parent('td').siblings('.port-tel').text();
        // node = $(this).parent('td').siblings('.port-node').text();
        // email = "               "+($(this).parent('td').siblings('.port-email').text().replace(/^\s\s*/, '').replace(/\s\s*$/, ''));
        // role = $(this).parent('td').siblings('.port-role').text();

        id =$(this).parents('tr').attr('class');
        $.ajax({
            type: "POST",
            url: "../user/getUserById",
            dataType:'json',
            data:{
                "id":id
            },
            success:function(data){
                $('#pop_info').css('display', 'block');
                $('#txt_add').css('display', 'block');
                $('#userId').val(data.id);
                $('#pop_info').find('.card-input').val(data.name);
                $('#pop_info').find('.code-input').val(data.password);
                $('#pop_info').find('.name-input').val(data.userName);
                $('#pop_info').find('.tel-input').val(data.name);
                $('#pop_info').find('.email-input').val(data.email);
                $('#pop_info').find('.tel-input').val(data.tel);
                $('#pop_info').find('.node-input').val(data.remake);
                $('#pop_info').find('.type-input').val(data.type);
                $('#pop_info').find('.owner-input').val(data.clientName);
            }
        });
    });

    //修改信息后保存操作：
    $('#txt_add').on('click', '.bg-color', function() {
        var recard = $(this).parents('#pop_info').find('.card-input').val(), //获取修改后的场地编号等信息
            recode = $(this).parents('#pop_info').find('.code-input').val(),
            reowner = $(this).parents('#pop_info').find('.owner-input').val(),
            rename = $(this).parents('#pop_info').find('.name-input').val(),
            retel = $(this).parents('#pop_info').find('.tel-input').val(),
            renode = $(this).parents('#pop_info').find('.node-input').val(),
            reemail = $(this).parents('#pop_info').find('.email-input').val(),
            rerole = $(this).parents('#pop_info').find('.role-input').val(),
            targetTr = $('#f-table').children().eq(order); //信息确定修改后返回的被修改项。
        $('#pop_info').css('display', 'none'); //关闭弹出页面
        $('#pop_info').find('input').removeAttr('readonly');
        $('#txt_add').css('display', 'none'); //关闭用于修改的按钮
        $('#pop_info').find('.auth-btn').hide();

        //被修改后的信息：
        targetTr.children('.port-card').text(recard);
        targetTr.children('.port-code').text(recode);
        targetTr.children('.port-owner').text(reowner);
        targetTr.children('.port-name').text(rename);
        targetTr.children('.port-tel').text(retel);
        targetTr.children('.port-node').text(renode);
        targetTr.children('.port-email').text(reemail);
        targetTr.children('.port-role').text(rerole);
    });

    //点击“导入表格”按钮效果：
    $('#import_btn').click(function() {
        $('.modal-backdrop').fadeIn('200');

    });
    //点击查看自己权限
    $('#auth-btn').hover(function() {
        $(this).next().slideDown(200);
    }, function() {
        $(this).next().slideUp(200);
    });
    ///////////////////////////
    //，点击修改/查看，让选择框弹出
    $('#recheck-btn').click(function() {
        // $('#pop-bottom').css('display','block');//弹出新建信息页面
        // $('#new-count').find('input').val('');//初始化新建信息页面
        // $('#new-count').css('display','block');//显示新建信息页面的按钮组
    });

    //关闭修改/查看弹窗
    $('#new-count').on('click', '.close', function() {
        $(this).parents('#new-count').hide();
        $('#pop-bottom').css('display', 'none');
    });
    //点击蒙版关闭修改/查看弹窗
    $('#pop-bottom').click(function() {
        $(this).hide();
        $('#new-count').hide();
    });


    //点击查看/修改弹窗进行选择时的效果
    var n = $('#left-list>dd').length;
    var num = $('#right-list>dd').length;
    $('#left-list>dt').text('已选（' + n + '项)');
    $('#right-list>dt').text('待选（' + num + '项)');
    //点击右侧待选区效果：
    $('#right-list').on('click', 'input', function() {
        if ($(this).attr('checked') == 'checked') {
            var txt = $(this).parent().text();
            var aim = $('<dd class="p-b-10"><input type="checkbox" checked/>' + txt + '</dd>');
            n = ++n;
            num = --num;
            $('#left-list').append(aim);
            $('#left-list>dt').text('已选（' + n + '项)');
            $('#right-list>dt').text('待选（' + num + '项)')
            $(this).parent().remove();
        }
    });
    //点击左侧已选区效果：
    $('#left-list').on('click', 'input', function() {
        var txt = $(this).parent().text();
        var aim = $('<dd class="p-b-10"><input type="checkbox"/>' + txt + '</dd>');
        n = --n;
        num = ++num;
        $('#right-list').append(aim);
        $('#left-list>dt').text('已选（' + n + '项)');
        $('#right-list>dt').text('待选（' + num + '项)')
        $(this).parent().remove();
    });
    //点击确认添加
    $('#new_add>button').click(function() {
        $('#new-count').hide();
        $('#pop-bottom').hide();
    })

})
